<div class="root">
    <nav-bar title="冻结余额"></nav-bar>

    <div class="flex-table" v-if="listLoaded && freezeList.length">
        <text class="flex-box-txt flex-box-left font-msyhl">冻结金额</text>
        <text class="flex-box-txt flex-box-center font-msyhl">冻结时间</text>
        <text class="flex-box-txt flex-box-right font-msyhl">冻结原因</text>
    </div>

    <list ref="list" class="list" loadmoreoffset="15" offset-accuracy="30" @loadmore="fetchMore" @scroll="onScroll">
        <cell class="list-item" append="tree" v-for="(freeze,index) in freezeList" :ref="'cell_' + index">
            <div class="flex-box">
                <text class="list-item-txt flex-box-left font-msyhl">{{freeze.money | currency('¥')}}</text>
                <text class="list-item-txt flex-box-center font-msyhl">{{freeze.time}}</text>
                <text class="list-item-txt list-item-remark flex-box-right font-msyhl">{{freeze.remark}}</text>
            </div>
        </cell>

        <!--加载提示-->
        <loading-more-tip v-if="!listCompleted && freezeList.length" :loading="loading"></loading-more-tip>

        <cell v-if="listCompleted && freezeList.length">
            <loaded-over-tip :tip="'没有更多数据了 ~'"></loaded-over-tip>
        </cell>

        <cell class="empty-cell" v-if="listLoaded && !freezeList.length">
            <content-empty :emptyTxt="'暂无数据 ~'"></content-empty>
        </cell>
    </list>

    <!--一键置顶-->
    <go-top :showGoTop="showGoTop" :refEl="refEl"></go-top>
</div>